@charset "utf-8";
.xans-product-zoompackage { overflow:auto; height:730px; }
.xans-product-zoompackage .header { height:77px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/layout/bg_popup_header.gif") 0 0 repeat-x; }
.xans-product-zoompackage .header h1 { height:49px; padding:0 0 0 33px; font-size:20px; line-height:49px; color:#fefefe; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/layout/ico_popup_title.gif") 20px center no-repeat; }
.xans-product-zoompackage .header { height:auto; }
.xans-product-zoompackage .content { padding:0; }
.xans-product-zoompackage .btnArea { width:560px; text-align:center; }

.xans-product-zoom { overflow:hidden; padding:30px 30px 20px; }
.xans-product-zoom .imgArea { float:left; width:500px; text-align:center; }
.xans-product-zoom .imgArea .keyImg { position:relative; width:500px; text-align:center; }
.xans-product-zoom .imgArea .keyImg img { max-width:500px; cursor:pointer; }
.xans-product-zoom .imgArea .prev { position:absolute; left:0; top:50%; margin:-34px 0 0; }
.xans-product-zoom .imgArea .next { position:absolute; right:0; top:50%; margin:-34px 0 0; }
.xans-product-zoom .imgArea .listImg { width:364px; margin:5px auto 0; font-size:0; overflow:hidden; padding:0 0 1px; }
.xans-product-zoom .imgArea .listImg ul { overflow:hidden; height:72px; margin:0 0 0 -1px; }
.xans-product-zoom .imgArea .listImg li { display:inline-block; margin:0 0 0 1px; *display:inline; *zoom:1; }
.xans-product-zoom .imgArea .listImg li img { width:72px; height:72px; cursor:pointer; }
.xans-product-zoom .imgArea .listImg button { position:absolute; top:50%; width:33px; height:33px; margin-top:-16px; font-size:0; line-height:0; color:transparent; background:url("http://img.echosting.cafe24.com/design/skin/default/product_cn/btn_product_detail_ctrl.png") no-repeat; }
.xans-product-zoom .imgArea .listImg .prev { left:0; background-position:0px 0px; }
.xans-product-zoom .imgArea .listImg .prev:hover { background-position:0px -43px; }
.xans-product-zoom .imgArea .listImg .next { right:0; background-position:-43px 0px; }
.xans-product-zoom .imgArea .listImg .next:hover { background-position:-43px -43px; }
.xans-product-zoom .imgArea .control { overflow:hidden; text-align:center; background:#c2c2c2; }
.xans-product-zoom .imgArea .control .prev { float:left; }
.xans-product-zoom .imgArea .control .next { float:right; }
.xans-product-zoom .imgArea .button { margin:10px 0 0; }